آموزش HTML جلسه دهم: فریمها (Frames)

با کمک فریمها قادر به نمایش همزمان بیش از یک صفحه وب در پنجره مرورگر خواهید شد. در این درس با مفاهیم فریم ( Frame ) و تگ های مربوطه مخصوصا تگهای Frame و Frameset آشنا خواهید شد.

فریمها (Frames)

با کمک فریمها قادر به نمایش همزمان بیش از یک صفحه وب در پنجره مرورگر خواهید شد. هر صفحه یا دریچه، فریم (frame) نامیده شده و فریمها کاملا مستقل از هم میباشند. محتوای هر فریم هم میتواند هر صفحه یا وب سایتی باشد. هر چند که فریمها طراحی سایتهای کوچک و متوسط را بسیار آسان میکنند ولی استفاده از آنها در کارهای حرفه ای توصیه نمیشود.(به جز در موارد خاص)

معایب استفاده از فریمها:

موتورهای جستجو با صفحات طراحی شده با فریمها مشکل دارند.

چاپ و print صفحاتی که از فریمها استفاده میکنند مشکل است.

صفحاتی که از فریمها استفاده میکنند معمولا مبتدی بودن طراح سایت را نشان میدهد!!

--------------------------------------------------------------------------------

تگ فریم ست (Frameset)

تگ <frameset> به تعریف فریمها و تقسیم بندی پنجره مرورگر میپردازد.

هر تگ <frameset> مجموعه ای از ردیفها یا ستونها را تعریف میکند.

داخل هر فریم میتواند frameset دیگری قرار دهید.

با کمک شناسه های rows و cols ابعاد و نسبت هر فریم تعیین میگردد.

تگ <frameset> درون تگهای <html> و <html/> قرار میگیرد.(نیازی به قید تگ body هنگام معرفی یک frameset نیست.)

--------------------------------------------------------------------------------

تگ فریم (Frame)

کاربرد اصلی تگ <frame> تعیین source یا نام صفحه ای است که باید در فریم ها نمایش داده شود.

مثال زیر مجموعه ای از فریمها را که شامل دو فریم عمودی میباشند معرفی میکند. از سمت چپ فریم اول 75 درصد و فریم دوم 25 درصد از عرض پنجره مرورگر را به خود نمایش خواهند داد. در ادامه تعریف محتویات هر فریم، درون فریم اول فایل "frame_left.html" و درون فریم دوم فایل "frame_right.html" نمایش داده خواهد شد.

برای نمایش مثال بالا به سه فایل نیاز دارید، frame_left.html ،frame_right.html و فایل کد اچتمل بالا.

--------------------------------------------------------------------------------

شناسه های cols و rows در تگ frameset

شناسه	مقدار شناسه	کارکرد
cols	عرض پنجره بر اساس پیکسل، درصد یا علامت *	تعیین تعداد و اندازه ستونها در فریم ست

rows	عرض پنجره بر اساس پیکسل، درصد یا علامت *	تعیین تعداد و اندازه ردیفها در فریم ست

مثالهای زیر را در نظر بگیرید:

مثال 2

مثال 1

<html>

<frameset cols="25%,50%,25%">

   <frame src="frame_3.html">

   <frame src="frame_2.html">

   <frame src="frame_1.html">

</frameset>

</html>

<html>

<frameset cols="*,200">

   <frame src="frame_2.html">

   <frame src="frame_1.html">

</frameset>

</html>

در مثال یک عرض فریم اول از سمت راست 200 پیکسل تعیین شده و بقیه عرض پنجره که با علامت * مشخص میشود به فریم دوم اختصاص خواهد یافت.
در مثال دوم عرض پنجره با مقادیر درصدی به فریمها اختصاص یافته است.
در مورد شناسه rows دقیقا قراردادهای بالا برقرارند.

--------------------------------------------------------------------------------

نکات کاربردی:

* اگر فریمهای طراحی شده مرزهای قابل مشاهده دارند توسط کاربر قابل تغییر اندازه (resize) خواهند بود و برای جلوگیری از تغییر اندازه فریمها توسط کاربر باید از شناسه ای به نام noresize در داخل تگ <frame> استفاده شود.

* اگر میخواهید که فریمها scroll نشوند (بالا و پایین بردن صفحه توسط ماوس) باید در تگ frame مقدار شناسه scrolling را برابر "no" قرار دهید. (مقادیر ممکن "yes" ، "no" و "auto" میباشند.)

* اگر میخواهید که مرز بین فریمها نمایش داده نشوند باید در تگ frame مقدار شناسه frameborder را برابر "0" قرار دهید.

* درصد بسیار کمی از مرورگرها از تگهای مربوط به frame و frameset پشتیبانی نمیکنند. برای این موارد باید از تگ <noframes> جهت نمایش صفحه جایگزین استفاده شود.

--------------------------------------------------------------------------------

تگ های فریم

Start Tag	Purpose	کاربرد
<frameset>	Defines a set of frames	تعریف مجموعه ای از فریم ها

<frame>	Defines a sub window (a frame)	تعریف یک فریم

<noframes>	Defines a noframe section for browsers that do not handle frames	تعریف جایگزین برای مرورگرهائی که از فریم ها پشتیبانی نمیکنند.

<>	Defines an inline sub window (frame)	تعریف فریم های درجا (inline)

منبع: Khaterat.com